<template>
  <div>
    <u-cell :border="false">
      <div slot="title">
        <slot name="title">
          {{ title }}
        </slot>
      </div>
    </u-cell>
    <div class="cell__body">
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  name: "CusCell",
  props: {
    title: String,
  },
};
</script>

<style scoped lang="scss">
.cell__body {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 0 10px 10px 15px;
  font-size: 15px;
  color: #303133;
  align-items: center;
  border-radius: 8px;
}
</style>
